<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:head>
        <h:outputStylesheet library="css" name="reset.css"/>
        <h:outputStylesheet library="css" name="style(new).css"/>
        <h:outputStylesheet library="css" name="invalid.css"/>

        <h:outputScript library="js" name="simpla.jquery.configuration.js"/>
        <h:outputScript library="js" name="facebox.js"/>
        <h:outputScript library="js" name="jquery.wysiwyg.js"/>
        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"  /> 
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
    </h:head>

    <h:body  styleClass="bodylogin">

        <div id="login-wrapper" class="png_bg">
            <div id="login-top">

                <h1>Simpla Admin</h1>
                <!-- Logo (221px width) -->
                <h:graphicImage id="logo" library="imagens" height="65" name="logo.png" alt="Simpla Admin logo"/>
                <center style="font-weight:bolder">Profissionais Integrados</center>
            </div> <!-- End #logn-top -->

            <div id="login-content">

                <h:form>
                    <p:messages autoUpdate="true" globalOnly="true"/>
                    <h:panelGrid columns="2">
                        <h:outputLabel id="nomeUtilizadores" for="txtNomeUtilizadores" value="Nome de Utilizador"/><h:outputText/>
                        <p:inputText id="txtNomeUtilizadores" required="true" value="#{login.nomeUtilizador}" requiredMessage="Insira o Nome" size="15"/>
                        <p:message for="txtNomeUtilizadores" display="text"/>

                        <h:outputLabel id="senha" for="txtSenha" value="Senha"/><h:outputText/>
                        <p:password id="txtSenha" minLength="5" value="#{login.senha}" required="true" feedback="false"  size="15" requiredMessage="Insira a Senha"/>
                        <p:message for="txtSenha" display="text"/>
                    </h:panelGrid>

                    <p:commandButton ajax="false" action="#{login.autenticar}" value="Entrar" type="submit">
                        <f:param name="verificarsenha" value="true"/>
                    </p:commandButton>
                </h:form>
            </div> <!-- End #login-content -->

        </div> <!-- End #login-wrapper -->



        <div class="clear"></div>
        <!-- Start Notifications -->
        <!-- End Notifications -->
        <div id="footer">
            <center>
                <small>
                    <!-- Remove this notice or replace it with whatever you want --> 
                    &copy; Copyright 2012 UCAN | Autorizado por <a href="#">PROIN Profissionais Integrados</a>
                </small>
            </center>
        </div><!-- End #footer -->
        <div id="facebox" style="display:none;">      
            <div class="popup">       
                <table>       
                    <tbody>          
                        <tr>           
                            <td class="tl"></td><td class="b"></td><td class="tr"></td>             
                        </tr>
                        <tr> 
                            <td class="b"></td><td class="body">
                                <div class="content"></div>                 
                                <div class="footer">
                                    <a href="http://demo.ponjoh.com/Simpla-Admin/login.html#" class="close">                     
                                        <img src="./Simpla Admin   Sign In_files/closelabel.gif" title="close" class="close_image"/> 
                                    </a>             
                                </div>        
                            </td>            
                            <td class="b"></td>            
                        </tr>       
                        <tr>            
                            <td class="bl"></td><td class="b"></td><td class="br"></td> 
                        </tr>      
                    </tbody>     
                </table>  
            </div>    
        </div>
    </h:body>
</html>